.index{
	width: 750rpx;
	min-height: 100%;
	color: #fff;
	font-family: PingFang SC;
	padding-top: 60rpx;
	.index-top{
		width: 670rpx;
		height: 300rpx;
		padding: 0 30rpx;
		background: url(https://pic.hlt.hnpinxun.cn/jubensha/wallet_bg.png);
		background-size: cover;
		margin: 0 auto;
		// padding-top: 60rpx;
		border-radius: 30rpx;
		margin-bottom: 20rpx;
		.top-title{
			font-size: 28rpx;
			margin-bottom: 30rpx;
			padding-top: 30rpx;
		}
		.top-num{
			font-size: 80rpx;
			margin-bottom: 44rpx;	
		}
		.top-record{
			font-size: 26rpx;
		}
	}
	.index-bot{
		padding: 0 60rpx;
		.bot-one{
			height: 120rpx;
			display: flex;
			align-items: center;
			justify-content: space-between;
			.bot-name{
				display: flex;
				align-items: center;
				.bot-name-img{
					width: 40rpx;
					height: 40rpx;
					image{
						width: 40rpx;
						height: 40rpx;
					}
					margin-right: 32rpx;
				}
			}
		}
	}
}
.money{
	width: 750rpx;
	height: 718rpx;
	opacity: 1;
	background: rgba(61,57,67,0.75);
	box-shadow: 0rpx -8rpx 12rpx 0rpx rgba(0,0,0,0.08); 
	backdrop-filter: blur(8rpx);
	padding: 40rpx;
	border-top-right-radius: 20rpx;
	border-top-left-radius: 20rpx;
	.money-title{
		height: 32rpx;
		line-height: 32rpx;
		font-size: 32rpx;
		padding-left: 20rpx;
		border-left: 4rpx solid #fff29a;
		margin-bottom: 40rpx;
	}
	.money-content{
		margin-bottom: 40rpx;
		max-height: 412rpx;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		overflow-y: scroll;
		.money-one{
			width: 201rpx;
			height: 120rpx;
			border: 1rpx solid #ffffff;
			border-radius: 10rpx;
			text-align: center;
			margin: 0 10rpx 30rpx 10rpx;
			padding-top: 26rpx;
			.one-top{
				color: #fff;
				font-size: 28rpx;
				text-align: center;
				margin-bottom: 10rpx;
			}
			.one-bot{
				font-size: 20rpx;
				text-align: center;
				color: #fff29a;
			}
			&.autos{
				padding: 0;
				display: flex;
				align-items: center;
				justify-content: center;
			}
			&.active{
				border: 1rpx solid #fff29a;
				background: rgba(253,255,173,0.35);
			}
		}
	}
	.money-bot{
		width: 630rpx;
		height: 96rpx;
		position: fixed;
		bottom: 60rpx;
		left: 60rpx;
		color: #312C39;
		line-height: 96rpx;
		text-align: center;
		background: #fff29a;
		border-radius: 8rpx;
		box-shadow: 0rpx 8rpx 8rpx 0rpx rgba(0,0,0,0.25), 0rpx -2rpx 4rpx 0rpx rgba(252,252,252,0.06) inset; 
	}
}
.auto{
	border-top-right-radius: 20rpx;
	border-top-left-radius: 20rpx;
	width: 750rpx;
	height: 500rpx;
	background: rgba(61,57,67,0.75);
	box-shadow: 0rpx -8rpx 12rpx 0rpx rgba(0,0,0,0.08); 
	backdrop-filter: blur(8rpx);
	padding: 40rpx;
	.auto-title{
		height: 32rpx;
		line-height: 32rpx;
		font-size: 32rpx;
		padding-left: 20rpx;
		border-left: 4rpx solid #fff29a;
		margin-bottom: 40rpx;
	}
	.auto-input{
		display: flex;
		width: 640rpx;
		height: 80rpx;
		margin: 0 auto;
		border: 1rpx solid #ffffff;
		border-radius: 10rpx;
		text-align: center;
		line-height: 80rpx;
		color: #fff;
		font-size: 32rpx;
		margin-bottom: 40rpx;
		padding-left: 20rpx;
		padding-right: 20rpx;
	}
	.auto-bot{
		width: 600rpx;
		margin: 0 auto;
		display: flex;
		align-items: center;
		justify-content: space-between;
		.bot-btn{
			width: 270rpx;
			height: 64rpx;
			background: #fff29a;
			border-radius: 80rpx;
			text-align: center;
			line-height: 64rpx;
			color: #312C39;
		}
		.bot-cancle{
			width: 270rpx;
			height: 64rpx;
			border: 1rpx solid #fff29a;
			border-radius: 80rpx;
			text-align: center;
			line-height: 64rpx;
			color: #FFF29A;
		}
	}
}
.light-index{
	background: #fff !important;
}
.light-top-title{
	color: #fff !important;
}
.light-index-top{
	background: url(https://pic.hlt.hnpinxun.cn/jubensha/wallet_bgl.png) !important;	background-size: cover !important;
}
.light-333{
	color: #333 !important;
}
.light-money{
	background: rgba(250,250,250,0.90) !important;
	box-shadow: 0rpx -6rpx 12rpx 0rpx rgba(0,0,0,0.06) !important; 
}
.light-money-title{
	color: #FF9559 !important;
	border-left: 4rpx solid #FF9559 !important;
}
.light-money-one{
	border: 1rpx solid #999999 !important;
	&.active{
		background: #fff1ea !important;
		border: 2rpx solid #ff9559 !important;
	}
}
.light-one-top{
	color: #ff9559 !important;
}
.light-one-bot{
	color: #666666 !important;
}
.light-autos{
	border: 1rpx solid #999999 !important;
	color: #333 !important;
}
.light-money-bot{
	background: linear-gradient(91.33deg, #FFB26A 0%, #FF810D 100%), linear-gradient(97.42deg, #3E3945 6.8%, rgba(49, 50, 65, 0.57) 109.07%) !important;
	box-shadow: 0rpx 2rpx 4rpx rgba(255, 150, 53, 0.5) !important;
	border-radius: 70rpx !important;
	color: #fff !important;
}
.light-auto{
	background: #fff !important;
}
.light-auto-input{
	border: 1rpx solid #dedede !important;
	color: #333 !important;
}
.light-bot-btn{
	background: linear-gradient(91.33deg, #FFB26A 0%, #FF810D 100%), linear-gradient(97.42deg, #3E3945 6.8%, rgba(49, 50, 65, 0.57) 109.07%) !important;
	color: #fff !important;
}
.light-bot-cancle{
	border: 2rpx solid #ff9d66 !important;
	color: #FF9D66 !important;
}